﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="OnlineDigitalCameraWebsite.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .li-default a{
            margin-left:10px !important;
        }
        .li-default a:hover{
            text-decoration:none;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="sidebar">
        <div class="s-main">
            <div class="s_hdr">
                <h2>Máy Ảnh</h2>
            </div>
            <div class="text1-nav">
                <ul style="width: 100%">
                    <asp:DataList ID="ddlMayAnh" runat="server" Width="100%">
                        <ItemTemplate>

                            <li class="li-default">
                                <div style="float: left;">
                                    <a href='<%# "ChiTiet.aspx?cate=camera&id=" + Eval("camId") %>'>
                                        <img src='<%#Eval("camImages") %>' width="50" height="40" />
                                    </a>
                                </div>
                                <a href='<%# "ChiTiet.aspx?cate=camera&id=" + Eval("camId") %>'><%#Eval("camNames") %></a>

                            </li>

                        </ItemTemplate>
                    </asp:DataList>
                </ul>
            </div>
        </div>
        <div class="s-main">
            <div class="s_hdr1">
                <h2>Phụ Kiện</h2>
            </div>
            <div class="text1-nav">
                <ul style="width: 100%">
                    <asp:DataList ID="ddlPhuKien" runat="server" Width="100%">
                        <ItemTemplate>
                            <li class="li-default">
                                <div style="float: left;">
                                    <img src='<%#Eval("accesImages") %>' width="50" height="40" />
                                </div>
                                <a href="#"><%#Eval("accesNames") %></a>
                            </li>
                        </ItemTemplate>
                    </asp:DataList>
                </ul>
            </div>
        </div>
        <div class="s-main">
            <div class="s_hdr">
                <h2>Ống Kính</h2>
            </div>
            <div class="text1-nav">
                <ul style="width: 100%">
                    <asp:DataList ID="ddlOnngKinh" runat="server" Width="100%">
                        <ItemTemplate>

                            <li class="li-default">
                                <div style="float: left;">
                                    <a href='<%# "ChiTiet.aspx?cate=lens&id=" + Eval("lensId") %>'>
                                        <img src='<%#Eval("lensImages") %>' width="50" height="40" />
                                    </a>
                                </div>
                                <a href='<%# "ChiTiet.aspx?cate=lens&id=" + Eval("lensId") %>'><%#Eval("lensNames") %></a>

                            </li>

                        </ItemTemplate>
                    </asp:DataList>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <%--<div class="cnt-btn">
		<a href="">Free Shipping</a>
	</div>
	<div class="cnt-btn">
		<a href="">Community</a>
	</div>
	<div class="cnt-btn">
		<a href="">$1 No Reserve</a>
	</div>
	<div class="cnt-btn">
		<a href="">Ending Soon</a>
	</div>--%>
        <div class="clear"></div>
        <%--<div class="cnt-main">--%>
        <%--<div class="s_btn">
			<ul>
				<li><h2>Welcome!</h2></li>
				<li><h3><a href="">Sign In</a></h3></li>
				<li><h2>Free Visit?</h2></li>
				<li><h4><a href="">Register</a></h4></li>
				<div class="clear"></div>
			</ul>
		</div>--%>
        <%--<div class="grid">
	<div class="grid-img">
		<a href="details.html"><img src="/images/pic1.jpg" alt=""/></a>
	</div>--%>
        <%--<div class="grid-para">
		<h2>Special Offer</h2>
		<h3>I need The Ipad.</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<div class="btn top">
		<a href="details.html">Details&nbsp;<img src="/images/marker2.png"></a>
		</div>
	</div>
	<div class="clear"></div>
	</div>--%>
        <%--</div>--%>
        <div class="cnt-main btm">
            <div class="section group">
                <asp:DataList ID="ddlCameraContent" runat="server" RepeatColumns="3" Width="100%">
                    <ItemTemplate>
                        <div class="grid_1_of_3 images_1_of_3" style="width: 209px; height: 260px">
                            <a href='<%# "ChiTiet.aspx?cate=camera&id=" + Eval("camId") %>'>
                                <asp:Label ID="lblID" runat="server" Visible="false" Text='<%#Eval("camId") %>'></asp:Label>
                                <%--<img src='<%#Eval("camImages") %>' alt="" height="100" width="100" />--%>
                                <asp:Image runat="server" ID="imghinh" ImageUrl='<%#Eval("camImages") %>' Height="100px" Width="100px"></asp:Image>
                            </a>
                            <a href='<%# "ChiTiet.aspx?ID=" + Eval("camId") %>'>
                                <h3><%#Eval("camNames") %></h3>
                            </a>
                            <div class="cart-b">
                                <span class="price left"><sup><%#string.Format(System.Globalization.CultureInfo.CreateSpecificCulture("vi-VN"), "{0:#,## VNĐ}", (Eval("camPrice")))%> </sup><sub></sub></span>
                                <div class="btn top-right right">
                                    <asp:LinkButton ID="btnAddCart" BackColor="Transparent" Width="100%" Height="100%" runat="server" Text="Add to Cart" OnClick="btnAddCart_Click" />

                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:DataList>


            </div>
        </div>
    </div>
</asp:Content>
